<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>婚礼纪</title>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <div class="header">
            <div class="header-left">
                <span><a href="https://www.hunliji.com/Login">登陆/注册</a> </span>
                <span><a href="https://www.hunliji.com/home/app">婚礼纪APP</a></span>
            </div>
            <div class="header-right">
                <ul class="ul-wrap">
                    <li><a href="">体验店加盟</a><img src="../images/h.png" alt=""></li>
                    <li><a href="">海草云</a></li>
                    <li><a href="">进入商家中心</a><img src="../images/h.png" alt=""></li>
                    <li><a href="">婚礼现场</a></li>
                    <li><a href="">招聘</a></li>
                    <li><a href="">平台规则</a></li> <span></span>
                    <li>客服：400-159-9090</li>
                </ul>
            </div>
        </div>

        <!-- 头部菜单 -->
        <div class="nav">
            <div class="nav-left">
                <img src="../images/logo.png" alt="">
                <a href="https://www.hunliji.com/cities">全国</a>
                <span><img src="../images/xiasanjiao.png" alt=""></span>
            </div>
            <div class="nav-right">
                <div class="list1 nav-right1">
                    <a href="">首页</a>
                </div>
                <div class="list2 nav-right1">
                    <a href="https://www.hunliji.com/theme_new">结婚请柬</a>
                </div>
                <div class="list3 nav-right1">
                    <a href="https://hotel.hunliji.com/">婚宴酒店</a>
                </div>
                <div class="list4 list nav-right1">
                    <a href="https://www.hunliji.com/hunqing/" class="dropbtn">结婚商城</a>
                    <div class="dropdown-content">
                        <a href="https://www.hunliji.com/hunqing/">结婚商城</a>
                        <a href="https://www.hunliji.com/lvpai/">旅拍商城</a>
                    </div>
                </div>
                <div class="list5 nav-right1">
                    <a href="https://www.hunliji.com/hunpin">婚品采购</a>
                </div>
                <div class="list4 list nav-right1">
                    <a href="https://www.hunliji.com/bai_ke" class="dropbtn">结婚攻略</a>
                    <div class="dropdown-content">
                        <a href="https://www.hunliji.com/bai_ke">结婚攻略</a>
                        <a href="https://www.hunliji.com/ask">问答</a>
                        <a href="https://www.hunliji.com/community/">新娘说</a>
                    </div>
                </div>
                <div class="list4 list nav-right1">
                    <a href="https://www.hunliji.com/meitu/" class="dropbtn">婚礼美图</a>
                    <div class="dropdown-content">
                        <a href="https://www.hunliji.com/meitu/">
                            <p> 婚礼美图</p>
                        </a>
                        <a href="https://www.hunliji.com/video">婚礼视频</a>
                    </div>
                </div>
                <div class="search nav-right1">
                    <input type="text">
                    <span><img src="../images/fangdajing.png" alt=""></span>
                </div>
            </div>

        </div>

        <!-- banner -->
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../images/banner1.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../images/banner2.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../images/banner3.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../images/banner4.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../images/banner5.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="../images/banner6.jpg" alt=""></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <div class="banner-nav">
                <ul class="banner-nav-wrap">
                    <li><i class="iconfont icon-jiudian"></i><a href="">婚宴酒店</a><span>草坪/星级</span></li>
                    <li><i class="iconfont icon-chuangyicehua"></i><a href="">婚礼策划</a><span>室内/户外</span></li>
                    <li><i class="iconfont icon-tupian"></i><a href="">婚纱摄影</a><span>影楼/工作室</span></li>
                    <li><i class="iconfont icon-huatong"></i><a href="">婚礼司仪</a><span>煽情/海派</span></li>
                    <li><i class="iconfont icon-lingjie"></i><a href="">婚纱礼服</a><span>高端定制</span></li>
                    <li><i class="iconfont icon-zhaoxiangji"></i><a href="">婚纱摄影</a><span>婚礼mv/摇臂</span></li>
                    <li><i class="iconfont icon-sheying"></i><a href="">婚礼跟拍</a><span>纪实/双机位</span></li>
                    <li><i class="iconfont icon-huazhuangshua-"></i><a href="">婚礼跟妆</a><span>韩式/中式</span></li>
                    <li><i class="iconfont icon-icon-"></i><a href="">婚车租赁</a><span>一价全包</span></li>
                </ul>
            </div>
            <div class="banner-right">
                <a href="">
                    <div class="consult">
                        <img src="../images/erji.png" alt="">
                        <p>咨询</p>
                        <p>商家</p>
                    </div>
                </a>
                <a href="">
                    <div class="code">
                        <img src="../images/small-erweima.png" alt="">
                    </div>
                </a>
                <a href="">
                    <div class="tubiao">
                        <img src="../images/shangjiantou.png" alt="">
                    </div>
                </a>
            </div>
        </div>

        <div class="strategy">
            <div class="strategy-nav">
                <ul class="ul-strategy">
                    <li><a href=""><img src="../images/a1.png" alt="">
                            <p>电子请帖</p>
                        </a></li>
                    <li><a href=""><img src="../images/a2.png" alt="">
                            <p>婚宴酒店</p>
                        </a></li>
                    <li><a href=""><img src="../images/a3.png" alt="">
                            <p>旅拍商城</p>
                        </a></li>
                    <li><a href=""><img src="../images/a4.png" alt="">
                            <p> 婚礼MV</p>
                        </a></li>
                    <li><a href=""><img src="../images/a5.png" alt="">
                            <p>婚礼攻略</p>
                        </a></li>
                </ul>
            </div>
            <section>
                <div class="hotel">
                    <p>酒店特惠三步查</p>
                    <div class="hotel-wrap">
                        <div class="dropdown nav-right1">
                            <a href="" class="dropbtn">全国</a>
                            <img src="../images/xiasanjiao.png" alt="">
                            <div class="dropdown-content">
                                <a href="#">浙江</a>
                                <a href="#">广东</a>
                                <a href="#">江西</a>
                            </div>
                        </div>
                        <div class="dropdown nav-right1 dr-img1">
                            <a href="" class="dropbtn">全部区域</a>
                            <img src="../images/xiasanjiao.png" alt="">
                            <div class="dropdown-content">
                                <a href="#">杭州</a>
                                <a href="#">上海</a>
                                <a href="#">广州</a>
                            </div>
                        </div>
                        <div class="dropdown nav-right1 dr-img2">
                            <a href="" class="dropbtn">4000-5000元</a>
                            <img src="../images/xiasanjiao.png" alt="">
                            <div class="dropdown-content">
                                <a href="#">5000-6000元</a>
                                <a href="#">6000-7000元</a>
                                <a href="#">7000-8000元</a>
                            </div>
                        </div>
                    </div>
                    <span class="biaoqian"> <a href="">立即查询</a> <img src="../images/youjiantou-red.png" alt=""></span>
                </div>
                <div class="invitation">
                    <span>电子请帖</span>
                    <p>海量模板<i>免费</i>使用</p>
                    <span class="biaoqian"> <a href="">点击预览</a></span>
                </div>
                <div class="tool">
                    <span>婚礼工具</span>
                    <ul class="ul-tool">
                        <li><img src="../images/b1.png" alt="">
                            <p><a href="">结婚吉日</a></p>
                        </li>
                        <li><img src="../images/b1.png" alt="">
                            <p><a href="">结婚吉日</a></p>
                        </li>
                        <li><img src="../images/b1.png" alt="">
                            <p><a href="">结婚吉日</a></p>
                        </li>
                        <li><img src="../images/b1.png" alt="">
                            <p><a href="">结婚吉日</a></p>
                        </li>
                        <li><img src="../images/b1.png" alt="">
                            <p><a href="">结婚吉日</a></p>
                        </li>
                    </ul>
                </div>
            </section>
            <div class="city">
                <img src="../images/zuobiao.png" alt="">

                <ul class="ul-city">
                    <li><a href="">热门城市</a></li>
                    <li><span class="xian"></span></li>
                    <li><a href="">上海</a></li>
                    <li><a href="">济南</a></li>
                    <li><a href="">郑州</a></li>
                    <li><a href="">武汉</a></li>
                    <li><a href="">厦门</a></li>
                    <li><a href="">大连</a></li>
                    <li><a href="">长沙</a></li>
                    <li><a href="">重庆</a></li>
                    <li><a href="">合肥</a></li>
                    <li><a href="">三亚</a></li>
                    <li><a href="">丽江</a></li>
                    <li><a href="">北京</a></li>
                    <li><a href="">全部城市</a></li>
                </ul>
            </div>
        </div>

        <!-- 旅拍套餐推荐 -->
        <div class="travel">
            <span>旅拍套餐推荐</span>
            <div class="travel-wrap">
                <div class="travel-img">
                    <img src="../images/pic-4.gif" alt="">
                    <span class="travel-place"> <i>丽江</i> </span>
                    <p>【一价全包】蜜月旅拍立减一千+酒店接...
                    <p>
                    <div>
                        <span><span>￥</span>4966</span> <span>时尚经典全球旅拍丽江站</span>
                    </div>
                </div>
                <div class="travel-img travel-img1">
                    <img src="../images/pic-3.jpg" alt="">
                    <span class="travel-place"> <i>三亚</i> </span>
                    <p>【一价全包】蜜月旅拍立减一千+酒店接...
                    <p>
                    <div>
                        <span><span>￥</span>4966</span> <span>时尚经典全球旅拍丽江站</span>
                    </div>
                </div>
                <div class="travel-img travel-img2">
                    <img src="../images/pic-4.gif" alt="">
                    <span class="travel-place"> <i>厦门</i> </span>
                    <p>【一价全包】蜜月旅拍立减一千+酒店接...
                    <p>
                    <div>
                        <span><span>￥</span>4966</span> <span>时尚经典全球旅拍丽江站</span>
                    </div>
                </div>
            </div>
            <div class="travel2">
                <div class="travel-list travel-list1">
                    <img src="../images/pic-3.jpg" alt="">
                    <div class="travel-up">
                        <span>【高端定制】三亚巴厘岛/销量千...</span>
                        <p>克洛伊全球旅拍-三亚</p>
                        <h5><span>￥</span> 5000</h5>
                    </div>
                </div>
                <div class="travel-list">
                    <img src="../images/pic-2.jpg" alt="">
                    <div class="travel-up">
                        <span>【高端定制】三亚巴厘岛/销量千...</span>
                        <p>克洛伊全球旅拍-三亚</p>
                        <h5><span>￥</span> 5000</h5>
                    </div>
                </div>
                <div class="travel-list">
                    <img src="../images/p12.gif" alt="">
                    <div class="travel-up">
                        <span>【高端定制】三亚巴厘岛/销量千...</span>
                        <p>克洛伊全球旅拍-三亚</p>
                        <h5><span>￥</span> 5000</h5>
                    </div>
                </div>
                <div class="travel-list">
                    <img src="../images/pic-5.jpg" alt="">
                    <div class="travel-up">
                        <span>【高端定制】三亚巴厘岛/销量千...</span>
                        <p>克洛伊全球旅拍-三亚</p>
                        <h5><span>￥</span> 5000</h5>
                    </div>
                </div>
            </div>
        </div>
        <!-- 旅拍套餐推荐结束 -->

        <!-- 热门旅拍城市 -->
        <div class="travel-city">
            <div class="city-recommend">
                <span>热门旅拍城市</span>
            </div>
            <div>

                <div class="city-item">
                    <div class="citymodal-area">
                        <a href=""><img src="../images/w-pic1.jpg" alt="大理"></a>
                        <div class="citymodal-area-cover">
                            <div class="city-name">
                                <span>大理</span>
                            </div>
                            <div class="city-underline">
                            </div>

                        </div>
                    </div>

                    <div class="city-wrap">
                        <div class="city-wrap-img">
                            <img src="../images/w-pic2.jpg" alt="">
                            <div class="city-txt">
                                <span>日本</span>
                            </div>
                        </div>
                        <div class="city-wrap-img">
                            <img src="../images/w-pic3.jpg" alt="">
                            <div class="city-txt">
                                <span>马尔代夫</span>
                            </div>
                        </div>
                        <div class="city-wrap-img">
                            <img src="../images/w-pic4.jpg" alt="">
                            <div class="city-txt">
                                <span>巴厘岛</span>
                            </div>
                        </div>
                        <div class="city-wrap-img">
                            <img src="../images/w-pic6.jpeg" alt="">
                            <div class="city-txt">
                                <span>三亚</span>
                            </div>
                        </div>
                        <div class="city-wrap-img">
                            <img src="../images/w-pic7.jpg" alt="">
                            <div class="city-txt">
                                <span>厦门</span>
                            </div>
                        </div>
                        <div class="city-wrap-img">
                            <img src="../images/w-pic8.jpg" alt="">
                            <div class="city-txt">
                                <span>青岛</span>
                            </div>
                        </div>
                    </div>

                    <div class="citymodal-item">
                        <a href=""><img src="../images/w-pic5.png" alt="普吉岛"></a>
                        <div class="citymodal-area-cover">
                            <div class="city-name">
                                <span>普吉岛</span>
                            </div>
                            <div class="city-underline">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="travel-discount">
                    <a href="">
                        <span>更多旅拍优惠</span>
                        <img src="../images/youjiantou-baise.png" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 旅拍城市结束 -->

        <!-- 婚礼策划案例 -->
        <div class="wedding-planning">
            <div class="wedding-txt">
                <span>婚礼策划案例</span>
            </div>
            <div class="wedding-planning-img">
                <!-- Swiper -->
                <div class="swiper-container2">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide swiper-slide2"><img src="../images/lun-pic1.jpg" alt="">
                            <div class="case-info-content">
                                <p class="case-info-title">三亚半山半岛水晶教堂婚礼</p>
                                <div class="case-info-data">
                                    <p class="hover-underline">三亚幸福计划婚礼策划 <span>收藏 285</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide swiper-slide2"><img src="../images/lun-pic2.jpg" alt="">
                            <div class="case-info-content">
                                <p class="case-info-title">三亚半山半岛水晶教堂婚礼</p>
                                <div class="case-info-data">
                                    <p class="hover-underline">三亚幸福计划婚礼策划 <span>收藏 285</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide swiper-slide2"><img src="../images/lun-pic3.jpg" alt="">
                            <div class="case-info-content">
                                <p class="case-info-title">三亚半山半岛水晶教堂婚礼</p>
                                <div class="case-info-data">
                                    <p class="hover-underline">三亚幸福计划婚礼策划 <span>收藏 285</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination2"></div>
                </div>
            </div>
            <div class="travel-discount wedding-discount">
                <a href="">
                    <span>更多案例</span>
                    <img src="../images/youjiantou-baise.png" alt="">
                </a>
            </div>
        </div>

        <!-- 结婚流程 -->
        <div class="marry">
            <img src="../images/bg.png" alt="">

            <!-- <div class="marry-img">
                <img src="../images/bg.png" alt="">
            </div> -->
            <div class="marry-txt">
                <span>结婚流程</span>
            </div>
            <div class="marry-list">
                <ul class="ul-marry">
                    <li><a href=""><img src="../images/icon1.png" alt="">
                            <p>婚宴酒店</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon2.png" alt="">
                            <p>婚纱摄影</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon3.png" alt="">
                            <p>婚庆公司</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon5.png" alt="">
                            <p>婚纱礼服</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon6.png" alt="">
                            <p>婚礼请帖</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon7.png" alt="">
                            <p>婚车租赁</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon8.png" alt="">
                            <p>结婚用品</p>
                        </a></li>
                    <li><a href=""><img src="../images/icon9.png" alt="">
                            <p>举行婚礼</p>
                        </a></li>>
                </ul>
            </div>
        </div>
        <!-- 结婚流程结束 -->

        <!-- 婚宴酒店热门城市 -->
        <div class="wedding-city">
            <div class="wedding-city-txt">
                <span>婚宴酒店热门城市</span>
            </div>
            <ul class="ul-wedding">
                <li><img src="../images/list1.png" alt=""><span>杭州</span></li>
                <li><img src="../images/list2.png" alt=""><span>上海</span></li>
                <li><img src="../images/list3.png" alt=""><span>南京</span></li>
                <li><img src="../images/list4.png" alt=""><span>北京</span></li>
                <li><img src="../images/list5.png" alt=""><span>深圳</span></li>
            </ul>
            <div class="city ul-city2">
                <img src="../images/zuobiao.png" alt="">
                <ul class="ul-city ">
                    <li><a href="">热门城市</a></li>
                    <li><span class="xian"></span></li>
                    <li><a href="">上海</a></li>
                    <li><a href="">济南</a></li>
                    <li><a href="">郑州</a></li>
                    <li><a href="">武汉</a></li>
                    <li><a href="">厦门</a></li>
                </ul>
            </div>
        </div>
        <!-- 结婚酒店热门城市结束 -->

        <!-- 结婚用品 -->
        <div class="wedding-supplies">
            <div class="wedding-supplies-txt">
                <span>结婚用品</span>
            </div>
            <div class="wedding-supplies-txt2">
                <ul class="ul-supplies">
                    <li>迎亲堵门</li><span></span>
                    <li>嫁妆购置</li><span></span>
                    <li>新郎穿搭</li><span></span>
                    <li>婚宴现场</li><span></span>
                    <li>新娘美护</li>
                </ul>
            </div>
            <div class="supplies-img">
                <div class="supplies-list">
                    <img src="../images/img1.png" alt="">
                    <div class="supplies-list-txt">
                        <div class="supplies-txt">
                            <span class="txt1">新娘礼服</span>
                            <div class="txt3"></div>
                            <ul class="txt2">
                                <li>婚纱</li><span></span>
                                <li>敬酒服</li><span></span>
                                <li>秀禾服</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="supplies-list">
                    <img src="../images/img2.png" alt="">
                    <div class="supplies-list-txt">
                        <div class="supplies-txt">
                            <span class="txt1">婚房布置</span>
                            <div class="txt3"></div>
                            <ul class="txt2">
                                <li>喜字</li><span></span>
                                <li>对联</li><span></span>
                                <li>拉花纱幔</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="supplies-list">
                    <img src="../images/img3.png" alt="">
                    <div class="supplies-list-txt">
                        <div class="supplies-txt">
                            <span class="txt1">喜糖请柬</span>
                            <div class="txt3"></div>
                            <ul class="txt2">
                                <li>请柬</li><span></span>
                                <li>伴手礼</li><span></span>
                                <li>成品喜糖</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="supplies-list">
                    <img src="../images/img4.png" alt="">
                    <div class="supplies-list-txt">
                        <div class="supplies-txt">
                            <span class="txt1">鞋包内衣</span>
                            <div class="txt3"></div>
                            <ul class="txt2">
                                <li>婚鞋</li><span></span>
                                <li>婚包</li><span></span>
                                <li>隐形内衣</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="supplies-txt2">
                <a href="">
                    <span>更多婚品</span>
                    <img src="../images/youjiantou-baise.png" alt="">
                </a>
            </div>
        </div>
        <!-- 结婚用品结束 -->

        <!-- 结婚美图 -->
        <div class="marry-picture">
            <div class="marry-picture-txt">
                <span>结婚美图</span>
            </div>
            <div class="photos-area">
                <!-- 第一层 -->
                <div class="panel-top">
                    <div class="panel-top-left">
                        <img src="../images/pic-7.jpg" alt="">
                    </div>
                    <div class="panel-top-right">
                        <div class="panel-wrap">
                            <img src="../images/main-img2.jpg" alt="">
                            <div class="panel-item">
                                <a href="" class="item-title">水下婚纱照</a>
                                <p class="top-content">提供水下婚纱照图片，水下婚纱照效果图欣赏</p>
                                <a href="" class="next-icon"></a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 第二层 -->
                <div class="panel-middle">
                    <div class="middle-item">
                        <a href="" class="middle-item-name">韩式婚纱照</a>
                        <a href="">
                            <img class="middle-img" src="../images/main-img3.jpg" alt="">
                        </a>
                        <div class="middle-item-point"></div>
                    </div>
                    <div class="middle-item">
                        <a href="" class="middle-item-name">唯美婚纱照</a>
                        <a href="">
                            <img class="middle-img" src="../images/pic-6.jpg" alt="">
                        </a>
                        <div class="middle-item-point"></div>
                    </div>
                </div>

                <!-- 第三层 -->
                <div class="panel-floor">
                    <div class="floor-item">
                        <div>
                            <div class="floor-content">
                                <a href="" class="floor-title">小清新婚礼布置</a>
                                <p class="floor-describe">小清新婚礼布置是时下最流新的婚礼布置，无论是室内还是室外都可以营造出一种清新浪漫的婚礼氛围，深受新人们的喜爱！</p>
                                <a href="" class="next-icon photos-next"></a>
                            </div>
                            <div class="floor-tags">
                                <div class="icon-tags"></div>
                                <div class="tags-description">热门标签</div>
                                <a href="" class="tags-item">新娘妈妈礼服</a>
                                <a href="" class="tags-item">秀禾服</a>
                                <a href="" class="tags-item">新郎伴郎西服</a>
                                <a href="" class="tags-item">婚礼气球布置</a>
                            </div>
                        </div>
                        <a href="" class="floor-item-image">
                            <img src="../images/main-img5.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <a href="" class="button-more">更多美图 <img src="../images/youjiantou-baise.png" alt=""></a>
        </div>
        <!-- 结婚美图结束 -->

        <!-- 结婚百科 -->
        <div class="marry-baike">
            <div class="marry-baike-txt">
                <span>结婚百科</span>
            </div>
            <div class="marry-baike-item">
                <div class="marry-baike-list">
                    <div class="baike1">
                        <div class="baike1-list">
                            <img src="../images/c-1.png" alt="">
                            <span>结婚攻略</span>
                        </div>
                        <ul class="ul-baike">
                            <li>结婚流程</li><span></span>
                            <li>拍婚纱照</li><span></span>
                            <li>婚礼布置</li><span></span>
                            <li>婚宴攻略</li>
                        </ul>
                    </div>
                    <div class="baike-body">
                        <a href="" class="baike-body-item">
                            <p class="baike-body-item__title">4月份成都哪里拍婚纱照好</p>
                            <p class="baike-body-item__num">浏览 71</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">4-5月北京适合情侣去的地方</p>
                            <p class="baike-body-item__num">浏览 28</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">张爱玲爱情经典语录</p>
                            <p class="baike-body-item__num">浏览 123</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">丽江婚纱摄影最好的拍摄时间</p>
                            <p class="baike-body-item__num">浏览 155</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">学霸隐藏式表白</p>
                            <p class="baike-body-item__num">浏览 116</p>
                        </a>
                    </div>
                </div>
                <div class="marry-baike-list">
                    <div class="baike1">
                        <div class="baike1-list">
                            <img src="../images/c-1.png" alt="">
                            <span>结婚攻略</span>
                        </div>
                        <ul class="ul-baike">
                            <li>结婚流程</li><span></span>
                            <li>拍婚纱照</li><span></span>
                            <li>婚礼布置</li><span></span>
                            <li>婚宴攻略</li>
                        </ul>
                    </div>
                    <div class="baike-body">
                        <a href="" class="baike-body-item">
                            <p class="baike-body-item__title">4月份成都哪里拍婚纱照好</p>
                            <p class="baike-body-item__num">浏览 71</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">4-5月北京适合情侣去的地方</p>
                            <p class="baike-body-item__num">浏览 28</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">张爱玲爱情经典语录</p>
                            <p class="baike-body-item__num">浏览 123</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">丽江婚纱摄影最好的拍摄时间</p>
                            <p class="baike-body-item__num">浏览 155</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">学霸隐藏式表白</p>
                            <p class="baike-body-item__num">浏览 116</p>
                        </a>
                    </div>
                </div>
                <div class="marry-baike-list">
                    <div class="baike1">
                        <div class="baike1-list">
                            <img src="../images/c-1.png" alt="">
                            <span>结婚攻略</span>
                        </div>
                        <ul class="ul-baike">
                            <li>结婚流程</li><span></span>
                            <li>拍婚纱照</li><span></span>
                            <li>婚礼布置</li><span></span>
                            <li>婚宴攻略</li>
                        </ul>
                    </div>
                    <div class="baike-body">
                        <a href="" class="baike-body-item">
                            <p class="baike-body-item__title">4月份成都哪里拍婚纱照好</p>
                            <p class="baike-body-item__num">浏览 71</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">4-5月北京适合情侣去的地方</p>
                            <p class="baike-body-item__num">浏览 28</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">张爱玲爱情经典语录</p>
                            <p class="baike-body-item__num">浏览 123</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">丽江婚纱摄影最好的拍摄时间</p>
                            <p class="baike-body-item__num">浏览 155</p>
                        </a>
                        <a class="baike-body-item" href="">
                            <p class="baike-body-item__title">学霸隐藏式表白</p>
                            <p class="baike-body-item__num">浏览 116</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 结婚百科结束 -->

        <!-- 底部 -->
        <div class="footer">
            <div class="footer-content">
                <div class="footer-list">
                    <div class="footer-list-box footer-list-box1">
                        <h4>婚庆服务</h4>
                        <ul class="ul-box">
                            <li><a href="">婚宴酒店</a></li>
                            <li><a href="">旅拍精选</a></li>
                            <li><a href="">婚礼策划</a></li>
                            <li><a href="">婚纱摄影</a></li>
                            <li><a href="">婚礼司仪</a></li>
                            <li><a href="">婚纱礼服</a></li>
                            <li><a href="">婚礼摄影</a></li>
                            <li><a href="">婚礼跟拍</a></li>
                            <li><a href="">婚礼跟妆</a></li>
                            <li><a href="">婚车租赁</a></li>
                        </ul>
                    </div>
                    <div class="footer-list-box footer-list-box1">
                        <h4>婚庆服务</h4>
                        <ul class="ul-box">
                            <li><a href="">婚宴酒店</a></li>
                            <li><a href="">旅拍精选</a></li>
                            <li><a href="">婚礼策划</a></li>
                            <li><a href="">婚纱摄影</a></li>
                            <li><a href="">婚礼司仪</a></li>
                            <li><a href="">婚纱礼服</a></li>
                            <li><a href="">婚礼摄影</a></li>
                            <li><a href="">婚礼跟拍</a></li>
                            <li><a href="">婚礼跟妆</a></li>
                            <li><a href="">婚车租赁</a></li>
                        </ul>
                    </div>
                    <div class="footer-list-box footer-list-box1">
                        <h4>婚庆服务</h4>
                        <ul class="ul-box">
                            <li><a href="">婚宴酒店</a></li>
                            <li><a href="">旅拍精选</a></li>
                            <li><a href="">婚礼策划</a></li>
                            <li><a href="">婚纱摄影</a></li>
                            <li><a href="">婚礼司仪</a></li>
                            <li><a href="">婚纱礼服</a></li>
                            <li><a href="">婚礼摄影</a></li>
                            <li><a href="">婚礼跟拍</a></li>
                            <li><a href="">婚礼跟妆</a></li>
                            <li><a href="">婚车租赁</a></li>
                        </ul>
                    </div>
                    <div class="footer-list-box">
                        <h4>婚庆服务</h4>
                        <ul class="ul-box">
                            <li><a href="">婚宴酒店</a></li>
                            <li><a href="">旅拍精选</a></li>
                            <li><a href="">婚礼策划</a></li>
                            <li><a href="">婚纱摄影</a></li>
                            <li><a href="">婚礼司仪</a></li>
                        </ul>
                    </div>
                    <div class="footer-list-box">
                        <h4>婚庆服务</h4>
                        <ul class="ul-box">
                            <li><a href="">婚宴酒店</a></li>
                            <li><a href="">旅拍精选</a></li>
                            <li><a href="">婚礼策划</a></li>
                        </ul>
                    </div>
                    <div class="footer-list-box footer-list-boxcoerd">
                        <h4>婚礼纪APP</h4>
                        <ul>
                            <li><img src="../images/erweima.jpg"></li>
                            <li class="qrcode-list">
                                <img class="qrcode-list-wechat"
                                    src="../images/weixin.png">
                                <img class="qrcode-list-sina" src="../images/weibo.png">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="link-friend">
                    <span>友情链接：</span>
                    <div>
                        <a href="">旅拍婚纱照</a>
                        <a href="">婚宴酒店预订</a>
                        <a href="">钻戒品牌</a>
                        <a href="">婚纱照</a>
                        <a href="">搜好货</a>
                        <a href="">礼物</a>
                        <a href="">三亚婚纱摄影</a>
                        <a href="">手表品牌排行榜</a>
                        <a href="">企业名录</a>
                        <a href="">加盟网</a>
                        <a href="">有货网</a>
                        <a href="">专升本</a>
                        <a href="">第一黄金网</a>
                        <a href="">婚礼视频制作软件</a>
                        <a href="">婚戒</a>
                        <a href="">房产网</a>
                        <a href="">乐维斯</a>
                        <a href="">发型设计图片</a>
                        <a href="">金价查询</a>
                        <a href="">装修效果图</a>
                        <a href="">影楼</a>
                        <a href="">小视频</a>
                        <a href="">网上花店</a>
                        <a href="">整形</a>
                        <a href="">化妆品品牌</a>
                        <a href="">律师</a>
                        <a href="">淘翠网</a>
                        <a href="">视频剪辑</a>
                    </div>
                </div>
                <div class="information">
                    <p>
                        <a href="">浙ICP备13004478号 © 杭州火烧云科技有限公司
                        </a>
                        <a href="" class="police">
                            <span>浙公安备案号：33010602006591</span>
                            <img src="../images/jingcha.jpg" alt="">
                        </a>
                    </p>
                    <p>
                        <span>通讯地址：浙江省杭州市西湖区文一西路98号数娱大厦408
                        </span>
                        <span>
                            客服热线：400-159-9090
                        </span>
                    </p>
                </div>
            </div>
        </div>


    </div>
</body>
<script src="../js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });


    var swiper = new Swiper('.swiper-container2', {
        slidesPerView: 3,
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
        pagination: {
            el: '.swiper-pagination2',
            clickable: true,
        },
        autoplay: 2500,
    });
</script>

</html>